<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<!--
    服务器内部跳转
    当前跳转的页面仍然在当前服务器中
    并未产生跨域
-->
<a href="01-hello.html">服务器内部跳转</a><br/>
<!--
    跨域跳转
    当前跳转的页面已经不是当前服务器了
    而是互联网上另外一台服务器中资源
-->
<a href="https://www.baidu.com/">跨域跳转</a><br/>
<!--
    锚链接
    此时的页面并没有产生变化
    锚链接跳转后仍然处于当前页面
    只是不是在当前页面的首部资源
    而是根据锚链接所涉及的id属性值进行页面的变化
    页面此时的首部内容即为锚链接所对应的元素的位置
-->
<a href="#o4">锚链接</a>
<hr/>
<h1>第一章</h1>
<ol type="1" start="2" reversed>
    <li>第1段</li>
    <li>第2段</li>
    <li>第3段</li>
    <li>第4段</li>
</ol>
<h1>第二章</h1>
<ol type="A" start="2" reversed="reversed">
    <li>第1段</li>
    <li>第2段</li>
    <li>第3段</li>
    <li>第4段</li>
</ol>
<h1>第三章</h1>
<ol type="a">
    <li>第1段</li>
    <li>第2段</li>
    <li>第3段</li>
    <li>第4段</li>
</ol>
<h1 id="o4">第四章</h1>
<ol type="I" start="4">
    <li>第1段</li>
    <li>第2段</li>
    <li>第3段</li>
    <li>第4段</li>
</ol>
<h1>第五章</h1>
<ol type="i">
    <li>第1段</li>
    <li>第2段</li>
    <li>第3段</li>
    <li>第4段</li>
</ol>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>